<template>
	<view class="left_rigth gui-margin-top">
		<view v-for="(item,index) in data">
			<view class="" style="height:150rpx">
				<image :src="item.icon" mode="widthFix" style="height: 100%;width: 100%"
					class=" gui-border-radius-large gui-box-shadow"></image>
			</view>
		</view>
	</view>
</template>
<script>
export default{
	name  : "notice",
	props : {
		width        : {type:Number, default:0},
		text         : {type:String, default:''},
		size         : {type:Number, default:26},
		lineHeight   : {type:Number, default:1.8},
		padding      : {type:Number, default:15},
		margin       : {type:Number, default:15},
		customClass      : {type:Array,  default:function(){
			return ['gui-bg-primary', 'gui-color-white'];
		}},
		borderRadius : {type:Number, default:6},
		data         : {type:Array, default:function(){return [];}},
		borderColor  : {type:String, default:'rgba(255,255,255,0)'},
		backColor  : {type:String, default:'rgba(255,255,255,0)'}
	},
	data() {
		return {
			tapping : false,
			// imageList:list
		}
	},
	created() {
		console.log("creatd",this.d);
	},
	methods:{
		tapme : function(){
			this.$emit('tapme', this.data);
		}
	},
	emits : ['tapme']
}
</script>
<style scoped>
.gui-tags{text-align:center;}
.gui-tag-opacity{opacity:0.88;}
.gui-grid {
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.bg_opacity2 {
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	.gui-grid {
	
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	.gui-grid-item {
		border-radius: 10rpx;
		padding: 4rpx;
		border: solid 1rpx #efefef;
		box-shadow: 2px 2px 5px #ccc;
		width: 22%;
		flex-direction: column !important;
		align-items: center !important;
		margin: 1rpx 5rpx 6rpx 0rpx;
		display: flex;
	}
	
</style>